<template>
    <div>
        <Tabs>
    <Panel label="标签1">
      我是标签1
    </Panel>
    <Panel label="标签2">
      我是标签2
    </Panel>
    <Panel label="标签3">
      我是标签3
    </Panel>
  </Tabs>

    </div>
  
</template>
<script>
  import Tabs from "@/components/Tabs";
  import Panel from "@/components/Panel";

  export default {
    name: 'HelloWorld',
    components: {Panel, Tabs},
    comments: {
      'Tabs': Tabs,
      'Panel': Panel,
    },
     mounted() {
      this.updateNav()
    },
    watch: {
      label() {
        this.updateNav()
      }
    },
    methods: {
      updateNav() {
        this.$parent.updateNav()
      },
    }
  }
</script>
